<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我的用户</title>
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mui.css?v=1">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mobileSelect.css" />
		<link rel="stylesheet" href="__API__/lib/css/style.css">
		<script type="text/javascript" src="__API__/lib/js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/mui.js"></script>
		<script src="__API__/lib/js/mobileSelect.js" type="text/javascript" charset="utf-8"></script>
		<script src="__API__/lib/js/city.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="__API__/lib/js/swiper.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/vue.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/common.js"></script>
		<script type="text/javascript" src="__API__/lib/js/index.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script></head>

	<body>
		<div class="page_box" id="app">
			<div class="com_head user_head">
				<p>我的用户</p>
				<span>{{total_count}}</span>
			</div>
			<div class="com_cont user_cont">
				<ul class="com_list user_list">
					<li v-for="(item,i) in userList" @click="goDetail('{:url(\'my_user\')}?member_id=' + item.id)">
						<div class="icon"><img :src="item.headimgurl ? item.headimgurl : '__API__/lib/images/head.png'" alt=""></div>
						<div class="info">
							<div class="left">
								<h3>{{item.invite_code}}</h3>
								<p>{{item.nickname}} {{item.mobile}}</p>
							</div>
							<div class="right">
<!--								<p>￥{{item.total_price}}/{{item.total_people}}人</p>-->
<!--								<p style="font-size: 0.25rem">{{item.create_time}}</p>-->
								<span>{{item.level_name}}</span>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<script>
			var app = null;
			app = new Vue({
				el: '#app',
				data: {
					total_count: '0',
					userList: [{
						headimgurl: '',
						invite_code: '',
							price: '',
							number: '',
							content: '',
							role: ''
						}
					]
				},
				created: function() {
					var that = this;
					var member_id = "{:input('member_id')}";
					if(!member_id){
						member_id =localStorage.getItem('member_id');
					}

					common.ajax("{:url('Member/my_invite_all')}",{member_ids:member_id} , function(res) {
						//common.showToast(res.msg);
						that.total_count = res.total_count;
						that.userList =res.data;
						// that.getData(searchValue);
					})
				},
				methods: {
					goDetail(url) {
						//common.openUrl(url)
					},
				}
			});
		</script>
	</body>

</html>
<style>
	.user_list li .info .left p {
		font-size: .4rem;
		color: #555;
		margin-top: .15rem;
	}
	.com_list li .info .left {
		flex: 1;
		overflow: visible;
	}
	.com_list li .info .left p {
		line-height: normal;
	}
	.user_list li .info .left h3 {
		font-size: .34rem;
		color: #000;
	}
	.user_list li .info .right span {
		display: inline-block;
		background-color: #5677fc;
		border-radius: .21rem;
		height: .42rem;
		margin-top: .05rem;
		font-size: .3rem;
		padding: 0 .1rem;
		line-height: .42rem;
		color: #fff;
	}
</style>